<!DOCTYPE html>
<html>

<head>
    <title>我的消息</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="/js/bootstrap-4.1.1-dist/css/bootstrap.min.css">
    <script src="/js/jquery/jquery.min.js"></script>
    <script src="/js/bootstrap-4.1.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/css/font/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/css/reset.css"/>
    <link rel="stylesheet" href="/css/message.css"/>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <link rel="stylesheet" href="/js/plugins/dialog2/dialog.css"/>
    <script src="/js/plugins/dialog2/dialog.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/checkLogin.js"></script>
</head>

<body>
<div class="search-head">
    <div class="row nav-search">
        <div class="col">
            <a href="javascript:history.go(-1);">
                <span><i class="fa fa-chevron-left"></i></span>
            </a>
        </div>
        <div class="col">
            <span>我的消息</span>
        </div>
        <div class="col"></div>
    </div>
</div>

<ul class="list-group">
    <a href="#">
        <li class="list-group-item d-flex justify-content-between align-items-center">
            <span><i class="fa fa-thumbs-o-up"></i></span>
            <small>这个是评论的点赞,没有图片显示文字</small>
            <img src="/img/user/head.jpg" alt="" width="30px">

        </li>
    </a>
    <a href="#">
        <li class="list-group-item d-flex justify-content-between align-items-center">
            <span><i class="fa fa-thumbs-o-up"></i></span>
            <small>这个是评论的点赞,没有图片显示文字</small>
            <img src="/img/user/head.jpg" alt="" width="30px">
        </li>
    </a>

    <a href="#">
        <li class="list-group-item d-flex justify-content-between align-items-center">
            <span><i class="fa fa-commenting-o"></i></span>
            <small><a href="#" style="background: #1e7e34">老王</a>评论了你的游记<a href="#" style="background: #5E740B">
                你还在等我吗?</a></small>
            <img src="/img/user/head.jpg" alt="" width="30px">
        </li>
    </a>
    <div style="height: 2px"></div>
    <a href="#">
        <li class="list-group-item d-flex justify-content-between align-items-center">
            <span><i class="fa fa-commenting-o"></i></span>
            <small><a href="#" style="background: #1e7e34">老王</a>评论了你的游记<a href="#" style="background: #5E740B">
                我还在等你?</a></small>
            <img src="/img/user/head.jpg" alt="" width="30px">
        </li>
    </a>
    <div style="height: 2px"></div>
    <a href="#">
        <li class="list-group-item d-flex justify-content-between align-items-center">
            <span><i class="fa fa-bell"></i></span>
            <div style="float: left;"><a href="#">您有一条新消息待查看,点击查看</a></div>

        </li>
    </a>
    <div style="height: 2px"></div>
    <a href="#">
        <li class="list-group-item d-flex justify-content-between align-items-center">
            <span><i class="fa fa-bell"></i></span>
            <div style="float: left;"><a href="#">您有一条新消息待查看.
                <button class="btn btn-sm" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                    点击立即查看
                </button>
                <div class="collapse" id="collapseExample">
                    <div class="well">
                        你好,我是秦始皇,其实我没有死,我就是被封印了,你给我打100块,我立马买个打火机烧掉封印,等我重回中国,我封你为嫖妓大将军
                    </div>
                </div>
            </a></div>

        </li>
    </a>


</ul>

</body>

</html>